<html>
<head>
<style type="text/css">
p {
background: red;
margin: 3% 3% 3% 3%;
/* padding: 3% 3% 3% 3%; */
/*margin: 10px 10px 10px 10px;
padding: 10px 10px 10px 10px;*/
border: thin solid blue;
}
</style>
</head>
<body>
    <div>
    <h1>Html <em>Head</em>ing</h1>
    <p>fzz</p>
    </div>
    <h2>Html Heading</h2>
    <p>this demonstrates setting borders, margins by percentage.</p>
</body>
</html>